<div class="property-filter pull-right">
    <form method="post" action="/sample" enctype="multipart/form-data">
        <div class="property">
            <div class="widget properties span21">
                <div class="control-group">
                    <div class="controls">
                        <label class="radio" for="inputAdvancedSearchLocal">
                            <input type="radio" id="inputAdvancedSearchLocal" name="localorint" checked="checked"> Singapore
                        </label>
                    </div><!-- /.controls -->
                    <div class="controls">
                        <label class="radio" for="inputAdvancedSearchInternational">
                            <input type="radio" id="inputAdvancedSearchInternational" name="localorint"> International
                        </label>
                    </div><!-- /.controls -->
                </div><!-- /.control-group -->
            </div>
            <div class="widget span2">
                <div class="type control-group">
                    <div class="controls">
                        <select id="inputAdvancedSearchPropertyFor">
                            <option id="forsale" value="Sale" selected="selected">For Sale</option>
                            <option id="forrent" value="Rent">For Rent</option>
                        </select>
                    </div><!-- /.controls -->
                </div><!-- /.control-group -->
                <div class="location control-group">
                    <div class="controls">
                        <select id="inputAdvancedSearchPropertyContractType">
                            <?php foreach ($location as $item) { ?>
                                <option value="<?php echo $item->LocationID; ?>" name="location"><?php echo $item->LocationName; ?></option>
                            <?php } ?>
                        </select>
                    </div><!-- /.controls -->
                </div><!-- /.control-group -->
            </div>
            <div class="widget span2">
                <div class="type control-group">
                    <div class="controls">
                        <select id="inputAdvancedSearchPropertyPropertyType">
                            <?php foreach ($property_type as $item) { ?>
                                <option value="<?php echo $item->PropertyType_ID; ?>" name="propertytype"><?php echo $item->Name; ?></option>
                            <?php } ?>
                        </select>
                    </div><!-- /.controls -->
                </div><!-- /.control-group -->
                <div class="control-group">
                    <div class="controls">
                        <input type="text" placeholder="Enter Keyword">
                    </div>
                </div>
            </div>
            <div class="widget span2">
                <div class="control-group">
                    <div class="form-actions">
                        <input type="button" class="btn btn-primary btn search-by-map" id="" onclick="searchByMap();" value="Search By Map">
                    </div>
                </div>
            </div>
        </div><!-- /.content -->
        <div class="row">
            <div class="span4">
                <div class="control-group">
                    <div class="price-from control-group">
                        <label class="control-label" for="inputPriceFrom">
                            Price from
                        </label>
                        <div class="controls">
                            <input type="text" id="inputPriceFrom" name="inputPriceFrom">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="price-to control-group">
                        <label class="control-label" for="inputPriceTo">
                            Price to
                        </label>
                        <div class="controls">
                            <input type="text" id="inputPriceTo" name="inputPriceTo">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="price-value">
                        <span class="price-label">Price</span>
                        <span class="from"></span><!-- /.from -->
                        -
                        <span class="to"></span><!-- /.to -->
                    </div><!-- /.price-value -->

                    <div class="price-slider">
                    </div><!-- /.price-slider -->
                </div>
                <div class="control-group">
                    <div class="area-from control-group">
                        <label class="control-label" for="inputAreaFrom">
                            Area from
                        </label>
                        <div class="controls">
                            <input type="text" id="inputAreaFrom" name="inputAreaFrom">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="area-to control-group">
                        <label class="control-label" for="inputAreaTo">
                            Area to
                        </label>
                        <div class="controls">
                            <input type="text" id="inputAreaTo" name="inputAreaTo">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="area-value">
                        <span class="area-label">Area</span>
                        <span class="from"></span><!-- /.from -->
                        -
                        <span class="to"></span><!-- /.to -->
                    </div><!-- /.price-value -->

                    <div class="area-slider">
                    </div><!-- /.price-slider -->
                </div>
                <div class="control-group">
                    <div class="bed-from control-group">
                        <label class="control-label" for="inputBedFrom">
                            Bedroom from
                        </label>
                        <div class="controls">
                            <input type="text" id="inputBedFrom" name="inputBedFrom">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="bed-to control-group">
                        <label class="control-label" for="inputBedTo">
                            Bedroom to
                        </label>
                        <div class="controls">
                            <input type="text" id="inputBedTo" name="inputBedTo">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="bed-value">
                        <span class="bed-label">Bedroom</span>
                        <span class="from"></span><!-- /.from -->
                        -
                        <span class="to"></span><!-- /.to -->
                    </div><!-- /.price-value -->

                    <div class="bed-slider">
                    </div><!-- /.price-slider -->
                </div>
                <div class="control-group">
                    <div class="bath-from control-group">
                        <label class="control-label" for="inputBathFrom">
                            Bathroom from
                        </label>
                        <div class="controls">
                            <input type="text" id="inputBathFrom" name="inputBathFrom">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="bed-to control-group">
                        <label class="control-label" for="inputBathTo">
                            Bathroom to
                        </label>
                        <div class="controls">
                            <input type="text" id="inputBedTo" name="inputBathTo">
                        </div><!-- /.controls -->
                    </div><!-- /.control-group -->

                    <div class="bath-value">
                        <span class="bath-label">Bathroom</span><!-- /.label -->
                        <span class="from"></span><!-- /.from -->
                        -
                        <span class="to"></span><!-- /.to -->
                    </div><!-- /.price-value -->

                    <div class="bath-slider">
                    </div><!-- /.price-slider -->
                </div>
            </div><!-- /.span4 -->
            <div class="span4">
                <div class="control-group span3">
                    <h3><span>Features</span></h3>
                    <div class="controls">
                        <label class="checkbox" for="inputFeatures">
                            <input type="checkbox" id="inputFeatures"> All
                        </label>
                    </div><!-- /.controls -->
                    <div class="controls">
                        <label class="checkbox" for="inputBal">
                            <input type="checkbox" id="inputBal"> Balcony
                        </label>
                    </div><!-- /.controls -->
                    <div class="controls">
                        <label class="checkbox" for="inputCar">
                            <input type="checkbox" id="inputCar"> Car Park
                        </label>
                    </div><!-- /.controls -->
                </div><!-- /.control-group -->
                <div class="control-group span3">
                    <h3><span>Facilities</span></h3>
                    <div class="controls">
                        <label class="checkbox" for="inputFacilitiesAll">
                            <input type="checkbox" id="inputFacilitiesAll"> All
                        </label>
                    </div><!-- /.controls -->
                    <div class="controls">
                        <label class="checkbox" for="inputChild">
                            <input type="checkbox" id="inputChild"> Children's Playground
                        </label>
                    </div><!-- /.controls -->
                    <div class="controls">
                        <label class="checkbox" for="inputClub">
                            <input type="checkbox" id="inputClub"> Clubhouse
                        </label>
                    </div><!-- /.controls -->
                </div><!-- /.control-group -->
            </div><!-- /.span4 -->
        </div><!-- /.row -->
        <div class="row">
            <div class="control-group span4">
                <div class="form-actions">
                    <input type="submit" value="Submit" class="btn btn-primary arrow-right">
                </div>
            </div><!-- /.span4 -->
            <div class="control-group span4">
                <div class="form-actions">
                    <input type="submit" value="Reset" class="btn btn-primary arrow-right">
                </div>
            </div><!-- /.span4 -->
        </div><!-- /.row -->
    </form>
</div>